//优先加载可视区域的内容，其他部分等进入了可视区域再加载，从而提高性能。
//封装一个函数
function lazyload(){
    //获取当前视口高度
    var h = innerHeight || document.documentElement.clientHeight
    //获取滚动条拖动的距离
    var s = document.body.scrollTop || document.documentElement.scrollTop
  //相加得到的高度 
    var  maxShowheight = h + s
  //获取所有的图片
    var imgs = document.querySelectorAll('img')
  //去遍历所有的img
    imgs.forEach(function(item){
          //得到每张图片的offsetTop,当前视图窗口高度 + 滚动的scrollTop > offsetTop 当成立：更改图片的src属性；不成立：不加载
          if(item.offsetTop < maxShowheight){
              item.src = item.getAttribute('src-rel')
          }
    })  
  }
  
  lazyload()
  
  //触发滚动事件
  window.onscroll = lazyload
  //lozyload()是返回值